<template>
	<view>
		<table id="fxbg">
			<tr>
				<td colspan="25" class="tittle2">
					1. 企业异常信息
				</td>
			</tr>
			<tr class="trTitle">
				<td colspan="4">
					列入日期
				</td>
				<td colspan="8">
					例如原因
				</td>
				<td colspan="4">
					移除日期
				</td>
				<td colspan="9">
					移除原因
				</td>
			</tr>
			<tr v-for="i_ of data.enterprise.abnormal" class="data">
				<td colspan="4">
					{{i_.inDate}}
				</td>
				<td colspan="8">
					{{i_.inReason}}
				</td>
				<td colspan="4">
					{{i_.outDate}}
				</td>
				<td colspan="9">
					{{i_.outReason}}
				</td>
			</tr>
			<tr class="data">
				<td colspan="25">
					暂无更多
				</td>
			</tr>

			<tr>
				<td colspan="25" class="tittle2">
					2. 失信被执行信息
				</td>
			</tr>
			<tr class="trTitle">
				<td colspan="6">
					姓名/公司名称
				</td>
				<td colspan="4">
					立案时间
				</td>
				<td colspan="5">
					履行情况
				</td>
				<td colspan="10">
					生效法律文书确定的义务
				</td>
			</tr>
			<tr v-if="data.disrupt" v-for="i_ of data.disrupt" class="data">
				<td colspan="6">
					{{i_.name}}
				</td>
				<td colspan="4">
					{{i_.regDate}}
				</td>
				<td colspan="5">
					{{i_.performance}}
				</td>
				<td colspan="10">
					{{i_.disreputTypeName}}
				</td>
			</tr>
			<tr class="data">
				<td colspan="25">
					暂无更多
				</td>
			</tr>

			<tr>
				<td colspan="25" class="tittle2">
					3. 被执行人信息
				</td>
			</tr>
			<tr class="trTitle">
				<td colspan="4">
					名称
				</td>
				<td colspan="5">
					案号
				</td>
				<td colspan="4">
					立案时间
				</td>
				<td colspan="12">
					执行标的
				</td>
			</tr>
			<tr v-if="data.undertaker" v-for="i_ of data.undertaker" class="data">
				<td colspan="4">
					{{i_.name}}
				</td>
				<td colspan="5">
					{{i_.caseCode}}
				</td>
				<td colspan="6">
					{{i_.regDate}}
				</td>
				<td colspan="12">
					{{i_.execMoney}}
				</td>
			</tr>
			<tr class="data">
				<td colspan="25">
					暂无更多
				</td>
			</tr>

			<tr>
				<td colspan="25" class="tittle2">
					4. 法院公告
				</td>
			</tr>
			<tr class="trTitle">
				<td colspan="4">
					名称
				</td>
				<td colspan="4">
					公告人
				</td>
				<td colspan="4">
					公告类型
				</td>
				<td colspan="4">
					公告时间
				</td>
				<td colspan="9">
					公告内容
				</td>
			</tr>
			<tr v-if="data.courtInfo" v-for="i_ of data.courtInfo" class="data">
				<td colspan="4">
					{{i_.fctParty}}
				</td>
				<td colspan="4">
					{{i_.fctGgperson}}
				</td>
				<td colspan="4">
					{{i_.fctClass}}
				</td>
				<td colspan="4">
					{{i_.fctGgdate}}
				</td>
				<td colspan="9">
					{{i_.fctExecutiondoc}}
				</td>
			</tr>
			<tr class="data">
				<td colspan="25">
					暂无更多
				</td>
			</tr>

			<tr>
				<td colspan="25" class="tittle2">
					4. 裁判文书
				</td>
			</tr>
			<tr class="trTitle">
				<td colspan="10">
					文书标题
				</td>
				<td colspan="5">
					案件类型
				</td>
				<td colspan="5">
					文书日期
				</td>
				<td colspan="5">
					案件号
				</td>
			</tr>
			<tr v-if="data.wenshu" v-for="i_ of data.wenshu" class="data">
				<td colspan="10">
					{{i_.judgeTitle}}
				</td>
				<td colspan="5">
					{{i_.caseType}}
				</td>
				<td colspan="5">
					{{i_.judgeDate}}
				</td>
				<td colspan="5">
					{{i_.caseCode}}
				</td>
			</tr>
			<tr class="data">
				<td colspan="25">
					暂无更多
				</td>
			</tr>
			<tr>
				<td colspan="25">
					<view id="end">
						<text>更多产品，关注容易查</text>
						<!-- <view id="xhx" @click="goIndex()">点击去主页</view> -->
					</view>
				</td>
			</tr>
		</table>
	</view>
</template>

<script>
	export default {
		name: "com-sfss",
		props: {
			data: {
				required: true,
				type: Object
			}
		},
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="less">
	#fxbg {
		margin: 0 2vw;
		table-layout: fixed;
		// border: 1px solid red;
		border-collapse: collapse;
		font-size: 13px;
	
		td {
			width: 4%;
			text-align: center;
		}
	
		#head {
			font-size: 22px;
			text-align: center;
			margin: 10vw 0;
		}
	
		.subhead {
			font-size: 14px;
			padding: 0 0 5vw 10vw;
			text-align: left;
		}
	
		.tittle1 {
			text-align: left;
			padding-top: 2vw;
			font-size: 13px;
			font-weight: 550;
		}
	
		.tittle2 {
			text-align: left;
			padding: 2vw 0 0 2vw;
			font-weight: 550;
		}
	
		.tittle3 {
			text-align: left;
			padding: 2vw 0 1vw 4vw;
			font-size: 11px;
			font-weight: 550;
		}
	
		.zhxxTitle {
			font-size: 14px;
			padding: 8px 0 8px 27px;
			text-align: left;
		}
	
		.zhxxInfo {
			font-size: 14px;
			padding: 4px 0;
			text-align: left;
		}
	
		.tdTitle {
			padding: 4px 0;
			background-color: #f6f9ff;
			border: 0.5px solid #f6f9ff;
		}
	
		.trTitle {
			background-color: #f6f9ff;
	
			td {
				padding: 4px 0;
				border: 0.5px solid #f6f9ff;
			}
		}
	
		.info {
			border: 0.5px solid #f6f9ff;
			padding: 4px 0;
		}
	
		.trLeft {
			td {
				padding: 6px 0;
				text-align: left;
			}
		}
	
		.data {
			td {
				border: 0.5px solid #f6f9ff;
				padding: 4px 0;
			}
		}
	
		.data_ {
			border: 1px solid #c2c2c2;
	
			td {
				padding: 4px 0;
			}
		}
	
		#end {
			margin: 50px 0 50px;
			// background: #078dff;
	
			#xhx {
				margin-top: 10px;
				color: #078dff;
				text-decoration: underline;
			}
		}
	}
	
</style>